@import "../_variables"
@import "../_mixins"
@import 'compass/typography/lists/horizontal-list'
@import 'compass/css3/box-shadow'
@import 'compass/css3/text-shadow'

.nodejschat-board-container
  .nodejschat-board
    padding: 0px 2px
    margin: 5px 0
    overflow: auto
    height: 300px
    .nodejschat-message
      font-family: Helvetica,Arial,'lucida grande',tahoma,verdana,arial,sans-serif
      font-size: 12px
      line-height: 1.28
      border-color: rgba(0, 0, 0, 0.18) rgba(0, 0, 0, 0.18) rgba(0, 0, 0, 0.29)
      border-image: none
      border-radius: 4px
      border-style: solid
      border-width: 1px

      color: #3E454C
      margin: 5px 5px 5px 0
      min-height: 14px
      padding: 4px 5px 3px 6px
      position: relative
      background-color: #DBEDFE
      +autoclear
      +text-shadow(0 1px 0 rgba(255, 255, 255, 0.5))
      +box-shadow(0 1px 0 #DCE0E6)
      +linear_gradient(#C7DEFE, #E7F1FE, center bottom)
      .nodejschat-message-date
        color: #CCC
      .user-picture
        float: left
        a
          text-decoration: none
      .nodejschat-message-content
        p
          padding: 0px
          margin: 0px
          display: inline
.nodejschat-board,
.nodejschat-entry-form div.item-list
  border: solid 1px #e0e0e0
.nodejschat-entry
  .form-type-textarea
    label
      display: none
    .grippie
      display: none
  input.form-submit
    display: none
